<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<style>
			.mui-table-view-cell {
				flex-flow: column;
			}
			
			.mui-bar-nav {
				margin-bottom: 5px;
			}
			
			.mui-table-view-cell {
				margin-top: 10px;
				vertical-align: middle;
			}
			
			.left-icon {
				margin: 0 10px 0 5px;
				width: 18px;
			}
			
			.text-list {
				font-size: 14px;
				display: inline-block;
			}
		</style>
	</head>

	<body>
		<header class="mui-bar mui-bar-nav">
			<h1 class="mui-title">我的</h1>
		</header>
		<div style="margin-bottom: 10px;">
			<img id="personimg" src="img/head_portrait.png" style="margin:0 10px 0 10px;" />
			<span id="personname" style="position: relative;bottom: 40px;">未登录</span>
		</div>
		<ul class="mui-table-view">
			<li class="mui-table-view-cell">
				<a class="mui-navigate" href="my_share.html">
					<img src="img/share.png" class="left-icon" />
					<span class="text-list">与我分享</span>
				</a>
			</li>
			<li class="mui-table-view-cell">
				<a class="mui-navigate" href="star.html">
					<img src="img/star.png" class="left-icon" />
					<span class="text-list">加星文件</span>
				</a>
			</li>
			<li class="mui-table-view-cell">
				<a class="mui-navigate" href="mylabel.html">
					<img src="img/label.png" class="left-icon" />
					<span class="text-list">我的标签</span>
				</a>
			</li>
			<li class="mui-table-view-cell">
				<a class="mui-navigate">
					<img src="img/share.png" class="left-icon" />
					<span class="text-list">...</span>
				</a>
			</li>
		</ul>

		<script src="js/jquery-3.4.1.js"></script>
		<script type="text/javascript">
			mui.init()
			
			mui.plusReady(function() {
				var token = plus.storage.getItem('accessToken');
				console.log(token);
				
			})
			
//			function plusReady() {
//				 在这里调用plus api
//				
				
//			}



			
//			plusReady();

			//个人信息头像的点击事件
			$("body").on('click', '#personimg', function() {
				person();
			})

			//跳转个人信息详细界面
			function person() {
				mui.openWindow({
					url: 'personxx.html'
				})
			}
		</script>
	</body>

</html>